$(function() {

	let form = layui.form
	var laypage = layui.laypage

	function getCateList() {
		$.ajax({
			url: '/my/article/cates',
			type: 'get',
			data: {},
			success: function(res) {
				var html = template('opt', res)
				//	console.log(res, html, 8);
				$('#cates').html(html)
				//$('select[name=state]').html(html)

				form.render() //   需要立即渲染
			},
		})
	}
	//  获取分类
	getCateList()



	//  获取数据列表
	function getList(option) {
		$.ajax({
			url: '/my/article/list',
			type: 'get',
			data: option,
			// data: {
			// 	pagenum: option.pagenum || 1,
			// 	pagesize: option.pagesize || 5,
			// 	cate_id: option.cate_id,
			// 	state: option.state
			// },
			success: function(res) {
				console.log(res, 6666);

				var html = template('tpl', res)
				$('tbody').html(html)

				//pages(res.total)
			},
		})
	}
	// getList({
	// 	pagenum: 1,
	// 	pagesize: 5
	// })

	//筛选   触发的是筛选按钮的事件
	$('.choose').on('click', function(e) {
		e.preventDefault();
		// var cate_id = $('#cates').val()
		// var state = $('#state').val()
		var option = $('form').serialize()
		//console.log(option, 9999);
		/* 
		点击select 选择option   
		获取的是选择哪一个option就是获取哪一个option的value值
		 */
		// getList({
		// 	pagenum: 1,
		// 	pagesize: 2,
		// 	cate_id,
		// 	state
		// })
		getList(option)
	})


	function pages(total) {
		/* 分页 */
		//完整功能
		laypage.render({
			elem: 'demo7',
			count: total,
			layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],
			jump: function(obj) {
				//console.log(obj, 88)
				//  每一次点击都会触发
				/* 
				获取每一页的页码数或者每页显示的条数
				 */
				const {
					curr: pagenum,
					limit: pagesize
				} = obj
				//console.log(pagenum, pagesize);
				getList({
					pagenum,
					pagesize
				})
			}
		});
	}


	/* 分页 */
	//pages()  目的是获取total
	$.ajax({
		url: '/my/article/list',
		type: 'get',
		data: {
			pagenum: 1,
			pagesize: 5
		},
		// data: {
		// 	pagenum: option.pagenum || 1,
		// 	pagesize: option.pagesize || 5,
		// 	cate_id: option.cate_id,
		// 	state: option.state
		// },
		success: function(res) {

			/* 分页 */
			//完整功能
			laypage.render({
				elem: 'demo7',
				count: res.total,
				layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],
				jump: function(obj) {
					//console.log(obj, 88)
					//  每一次点击都会触发
					/* 
					获取每一页的页码数或者每页显示的条数
					 */
					const {
						curr: pagenum,
						limit: pagesize
					} = obj
					//console.log(pagenum, pagesize);
					getList({
						pagenum,
						pagesize
					})
				}
			});
		},
	})



/* jquery分页插件 */
	function tt(dd) {
		//alert(dd);
	}
	var GG = {
		"kk": function(mm) {
			//alert(mm);
			console.log(mm); //  当前页面数
			getList({
				pagenum: mm,
				pagesize: 5
			})
			//console.log("hellos");
			//window.location.href="test.html?page="+mm;
		}
	}
	$("#page").initPage(100, 1, GG.kk);
	/*$("#page1").initPage(100,1,GG.kk);*/
})
